<template>
  <div class="contentSrc">
    <div id="basicLayout">
      <a-layout style="height: 100vh">
        <!--头部组件-->
        <a-layout-header class="header">
          <GlobalHeader />
        </a-layout-header>
        <a-layout-content class="content">
          <router-view />
        </a-layout-content>
        <a-layout-footer class="footer">
          <a href="https://gitee.com/linsheng0116" target="_blank">By林笙</a>
        </a-layout-footer>
      </a-layout>
    </div>
  </div>
</template>

<script setup>
import GlobalHeader from "@/components/GlobalHeader.vue";
</script>

<style scoped>
#basicLayout {
}
#basicLayout .header {
  box-shadow: #eee 1px 1px 5px;
}
.contentSrc {
  background-image: url("@/assets/logo2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#basicLayout .content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1700px;
  height: 800px;
  margin: 0 auto 28px;
  padding: 20px;
  background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

.footer {
  padding: 16px;
  text-align: center;
  text-decoration: none;
  background: #efefef;
}
</style>
